<template>
  <div class="home">
    <!-- <img alt="Vue logo" src="../assets/logo.png">
    <HelloWorld msg="Welcome to Your Vue.js App"/> -->
    <heade navType='0'></heade>
    <div class="container clearflx banner_box">
      <bannerLeft style="float:left;"></bannerLeft>
      <banner style="float:left;"></banner>
      <bannerRight  style="float:left;"></bannerRight>
    </div>
    <titles url='../../assets/home/home_infoTitle.png'></titles>
    <homeInfo></homeInfo>
    <down></down>
    <titles url='../../assets/home/home_consultTitle.png'></titles>
    <homeConsult></homeConsult>
    <down></down>
    <titles url='../../assets/home/home_serverTitle.png'></titles>
    <homeServer></homeServer>
    <down></down>
    <titles url='../../assets/home/home_centerTitle.png'></titles>
    <homeCenter></homeCenter>
    <down></down>
    <homeFoot style="margin:70px 0;"></homeFoot>
    <foot></foot>
  </div>
</template>

<script>
// @ is an alias to /src
import heade from '@/components/header/header.vue';
import banner_left from '@/components/banner/banner_left.vue';
import banner from '@/components/banner/banner.vue';
import banner_right from '@/components/banner/banner_right.vue';
import homeInfo from '@/components/home/home_info.vue';
import homeConsult from '@/components/home/home_consult.vue';
import titles from "@/components/home/title.vue";
import homeServer from "@/components/home/home_server.vue";
import homeCenter from "@/components/home/home_center.vue";
import down from "@/components/home/down.vue";
import homeFoot from "@/components/home/home_foot.vue";
import foot from '@/components/footer/footer.vue';
export default {
  name: 'home',
  components: {
    heade,
    bannerLeft:banner_left,
    banner,
    bannerRight:banner_right,
    homeInfo,
    homeConsult,
    titles,
    homeServer,
    homeCenter,
    down,
    homeFoot,
    foot
  }
}
</script>
<style lang="scss" scoped>
  .banner_box{
    margin-top:30px;
    margin-bottom: 100px;
    box-shadow: 0 5px 20px #ccc;
  }
</style>
